﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Fire My Team - Football Edition</title>
    <link rel="stylesheet" href="Styles/Web/sitestyle.css" type="text/css" />
    <link rel="stylesheet" href="Styles/Web/jqcloud.css" type="text/css" />
    <!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="css/ie9.css"/>
<![endif]-->

    <!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="css/ie8.css"/>
<![endif]-->

    <!--[if IE 7]>
    <link rel="stylesheet" media="screen" href="css/ie7.css"/>
<![endif]-->
    <style type="text/css">
        .roundabout-holder
        {
            list-style: none;
            padding: 0;
            margin: 0;
            height: 300px;
            width: 400px;
        }
        /*.roundabout-moveable-item {
      height: 4em;
      width: 4em;
      cursor: pointer;
      background-color: #ccc;
      border: 1px solid #999;
   }*/
        .roundabout-in-focus
        {
            cursor: auto;
        }
    </style>

    <script type="text/javascript" src="Scripts/jquery-1.8.0.js"></script>
    <!--<script type="text/javascript" src="js/plugins/jquery.flot.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/custom/general.js"></script>
<script type="text/javascript" src="js/custom/dashboard.js"></script>-->

    <script type="text/javascript" src="Scripts/plugins/jquery.roundabout.min.js"></script>
    <script type="text/javascript" src="Scripts/plugins/jqcloud-1.0.1.min.js"></script>
    <!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/plugins/excanvas.min.js"></script><![endif]-->

    <script type="text/javascript">
        $(document).ready(function () {
            $('#imageSlider').roundabout({
                autoplay: true,
                autoplayDuration: 3000,
                autoplayPauseOnHover: true
            });
        });
    </script>
    <script type="text/javascript">
        var word_list = [
          { text: "He dropped it again!", weight: 10.5 },
          { text: "Dolphins", weight: 9.2 },
          { text: "Fire Him", weight: 8.4 },
          { text: "Sit", weight: 8 },
          { text: "They Suck!", weight: 6.2 },
          { text: "Boo!", weight: 5 },
          { text: "Are You Injured?", weight: 5 },
          { text: "Elit", weight: 5 },
          { text: "Play Some Defense", weight: 5 },
          { text: "Good Catch", weight: 4 },
          { text: "He's Good", weight: 4 },
          { text: "No Playoff this Year", weight: 3 },
          { text: "Lions", weight: 3 },
          { text: "Pittsburg", weight: 1 },
          { text: "Bad Call", weight: 1.7 },
          { text: "Blame the Coach", weight: 1 },
         { text: "Receivers", weight: 1 }
        ];
        $(function () {
            $("#div_word_cloud").jQCloud(word_list);
        });
    </script>
</head>

<body>
    <div style="width: 50px; float:left"></div>
    <div style="width: 1080px">
        <div id="divbuttons">
            <ul class="buttonlist">
                <li><a href="" class="btncustom btnfacebook btn4"></a></li>
                <li><a href="" class="btncustom btntwitter btn4"></a></li>
                <li><a href="" class="btncustom btnyoutube btn4"></a></li>
                <li><a href="" class="btncustom btngoogleplus btn4"></a></li>
                <li><a href="" class="btn btn4 btn_mail"></a></li>
                <li><a href="" class="btncustom btnlinkedin btn4"></a></li>
                <li><a href="" class="btncustom btnstumbleupon btn4"></a></li>
                <li><a href="" class="btncustom btndigg btn4"></a></li>
            </ul>
            <br clear="all" />
            <br />
            <br />

        </div>
        <div>
            <div class="one_third" style="position: relative">
                <div id="large_logo">&nbsp;</div>
            </div>
            <div class="two_third last" style="float: right; position: relative;">
                <ul id="imageSlider">
                    <li>
                        <div id="div_slider_iphone">
                            <div>&nbsp;</div>
                        </div>
                    </li>
                    <li>
                        <div id="div_slider_android">&nbsp;</div>

                    </li>
                    <li>
                        <div id="div_slider_otherplatforms">
                            <div id="div_word_cloud"></div>
                        </div>
                    </li>
                </ul>
            </div>
            <br clear="all" />
            <br />
        </div>
        <div>
            <div style="text-align: center; margin-top: 50px;">
                <ul id="badges_list">
                    <li><a href="http://play.google.com/store/apps/details?id=com.mezanmitech.firemyteam">
                        <img alt="Android app on Google Play"
                            src="Images/badges/app_store_badge.png" height="45" width="129" /></a></li>
                    <li>
                        <a href="http://play.google.com/store/apps/details?id=com.mezanmitech.firemyteam">
                            <img alt="Android app on Google Play"
                                src="http://www.android.com/images/brand/android_app_on_play_logo_small.png" /></a>

                    </li>
                    <li>
                        <a href="http://amazon.com">
                            <img alt="Get it on Amazon"
                                src="Images/badges/amazonbadge.png" height="50" width="149" />

                        </a>
                    </li>
                </ul>
            </div>
            <br clear="all" />
            <br />
            <br />
        </div>
        <div class="content">
            <div class="one_third">
                <div class="widgetbox">
                    <div class="title">
                        <h2 class="general"><span>Recent Activity/Feed</span></h2>
                    </div>
                    <div class="widgetcontent">
                        <ul class="activitylist">
                            <li class="message"><a href=""><strong>John Doe</strong> sent a message <span>Just now</span></a></li>
                            <li class="user"><a href=""><strong>Paran Meller</strong> added <strong>23 users</strong> <span>Yesterday</span></a></li>
                            <li class="user"><a href=""><strong>Owen Lee</strong> added <strong>2 users</strong> <span>2 days ago</span></a></li>
                            <li class="message"><a href=""><strong>Jane Call</strong> sent a message <span>5 days ago</span></a></li>
                            <li class="media"><a href=""><strong>George Turk</strong> uploaded <strong>2 photos</strong> <span>5 days ago</span></a></li>
                        </ul>
                    </div>
                    <!--widgetcontent-->
                </div>
                <!--widgetbox-->
            </div>
            <!--one_third-->

            <div class="one_third">
                <div class="widgetbox">
                    <div class="title">
                        <h2 class="general"><span>Features</span></h2>
                    </div>
                    <div class="widgetcontent">
                        <ul class="bulletedlist">
                            <li>
                                <p><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="red">FIRE</span> one player, two players or the entire team for the week</p>
                            </li>
                            <li>
                                <p><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>Set <span class="green">SAFE</span> one player or the entire team for the week</p>
                            </li>
                            <li>
                                <p><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>View stats about top fired players, most fired teams by week</p>
                            </li>
                            <li>
                                <p><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>Share and brag about your firing action to your friends on social media</p>
                            </li>
                            <li>
                                <p><span class="arrow">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>Post comments and blog about player's performance</p>
                            </li>
                        </ul>
                    </div>
                    <!--widgetcontent-->
                </div>
                <!--widgetbox-->
            </div>
            <!--one_third-->

            <div class="one_third last">
                <div class="widgetbox">
                    <div class="title">
                        <h2 class="general"><span>Subscribe</span></h2>
                    </div>
                    <div class="widgetcontent stdform stdformwidget">
                        <div class="par">
                            <label>Email:</label>
                            <div class="field">
                                <input type="text" name="id" class="longinput" /><br />
                                <small>To Receive email updates on the app. We will not Spam You!</small>
                            </div>
                        </div>
                        <!--par-->
                        <!-- <div class="par">
                            	<label>Amount</label>
                                <div class="field">
                                	<input type="text" name="id" class="longinput" /> <br />
                                    <small>Some description here</small>
                                </div>
                            </div>-->
                        <!--par-->
                        <div class="par">
                            <div class="field">
                                <button class="radius2">Send</button>
                            </div>
                        </div>
                        <!--par-->
                    </div>
                    <!--widgetcontent-->
                </div>
                <!--widgetbox-->
            </div>
            <!--one_third last-->
            <br style="clear: both;" />
        </div>

        <div>
        </div>
    </div>
    <div style="width: 50px; float:right"></div>

</body>
</html>
